import React from 'react'
import ReactDOM from 'react-dom'

class Mycard extends React.Component {
  render() {
    // props只读，不修改内容
    //可以给组件传递任意类型的数据
    return (
      <section>
        <h3>{this.props.title}</h3>
        <h3>{this.props.content}</h3>
      </section>
    )
  }
}
class App extends React.Component {
  render() {
    return (
      <>
        <h1>ReactDOM组件通讯</h1>
        <Mycard title='美食' content={<div>闪电发货大解放后</div>} />
        <Mycard title='美女' content={<div>闪电发货大解放后</div>} />
        <Mycard title='美景' content={<div>闪电发货大解放后</div>} />
      </>
    )
  }
}
ReactDOM.render(<App />, document.getElementById('root'))
